<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link href="vendor/nprogress.css" />
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="dist/core.css">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>

		<div class="site_wrapper">
			<div class="retruntop">
				<i class="fa  fa-angle-up"></i>
			</div>
			<header class="site_header">
				<div class="content">
					<nav class="nav">
						<ul id="navMenu" class="nav_menu">
							<li class="nav_toggle" id="toggleIcon">
								<i class="fa fa-align-justify"></i>
								<i class="fa fa-close"></i>
							</li>
							<li class="signin_toggle" id="signinIcon">
								<i class="fa fa-user"></i>
							</li>
							<li class="home_logo">
								<img src="img/site_logo.png" />
							</li>
						</ul>
						<ul id="navList" class="nav_list">
							<li class="header_logo">
								<img src="img/site_logo.png" />
							</li>
							<li class="item">
								<a href="index.html">HOME</a>
							</li>
							<li class="item">
								<a href="about-church.html">ABOUT THE CHURCH</a>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="latest-news.html">LATEST NEWS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-news-nav.html">NEWSNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="sermons.html" class="current">SERMONS</a>
									<ul class="item-inner">
										<li>
											<a href="latest-sermons.html">SERINTRO</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="events.html">EVENTS</a>
									<ul class="item-inner">
										<li>
											<a href="events2.html">RECOM</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item item-inner-list">
								<div class="inner-list">
									<a href="medla-gallery.html">MEDIA GALLERY</a>
									<ul class="item-inner">
										<li>
											<a href="medla-gallery-nav.html">GALNAV</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="item">
								<a href="contactus.html">CONTACT US</a>
							</li>
							<li class="list_down">
								<a>
									<i class="fa fa-list"></i>
									<i class="fa fa-caret-down"></i>
								</a>
								<ul>
									<li>
										<a href="javaScript:;">LOGIN</a>
									</li>
									<li>
										<a href="javaScript:;">REGISTER</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<section class="site_container clearfix">
				<div class="content">
					<ul class="sermons-center">
						<li class="sermons-list">
							<section class="sermons-list-scroll">
								<a href="#">
									<img src="img/church-sermons_10.jpg" />
								</a>
							</section>
							<section class="sermons-list-seach clearfix">
								<div class="sermons-list-title">
									<h1>LATEST SERMONS</h1>
									<h3>here you can read the latest sermons</h3>
								</div>
								<div class="sermons-search">
									<span><i class="fa fa-search"></i></span>
									<input type="text" placeholder="SEARCH THE SITE" />
								</div>
							</section>
						</li>
						<li class="sermons-list">
							<section class="sermons-article clearfix">
								<div class="sermons-pic">
									<img src="img/church-sermons_2.jpeg" />
									<p>
										<a href="">chuch_there</a>
									</p>
								</div>
								<div class="sermons-event">
									<div class="sermons-event-header clearfix">
										<time>
											<strong>SEP</strong>
											<p>21th</p>
									</time>
										<h1 class="secondary-headlines">A Wedding Message (Short Homily)</h1>
										<h3>by <em>dany duchaine</em> in <em>wedding, sermons</em></h3>
									</div>
									<div class="sermons-event-inner">
										<p>Grace and peace to you in the name of the Lord and Savior, Jesus Christ. (Pause) It is a true joy to be </p>
										<p class="sermons-event-inner-p">here with Frank and Gaby (P) to be a part of this glorious day. I don’t think God is going to hold is ...</p>
										<a href="" class="sermons-event-btn">continue reading</a><span>or</span>
										<a href="#" class="sermons-voice-btn"><i class="fa  fa-microphone"></i> listen audio version</a>
									</div>
								</div>
							</section>
						</li>
						<li class="sermons-list">
							<section class="sermons-article clearfix">
								<div class="sermons-pic">
									<img src="img/church-sermons_2.jpeg" width="100%" height="100%" />
									<p>
										<a href="">chuch_there</a>
									</p>
								</div>
								<div class="sermons-event">
									<div class="sermons-event-header clearfix">
										<time>
										<strong>SEP</strong>
											<p>21th</p>
									</time>
										<h1>Today Or Tomorrow We Will</h1>
										<h3>written by <em> dany duchaine </em>in <em>basics of Christianity</em></h3>
									</div>
									<div class="sermons-event-inner">
										<p>Hopefully, on the Lord’s Day you will always make it priority to worship the Lord with the Lord’s </p>
										<p class="sermons-event-inner-p">people wherever they assemble. And personally speaking, I think many Christians really miss on ..</p>

										<a href="" class="sermons-event-btn">continue reading</a>
									</div>
								</div>
						</li>
						<li class="sermons-list">
							<section class="sermons-article clearfix">
								<div class="sermons-pic">
									<img src="img/church-sermons_2.jpeg" width="100%" height="100%" />
									<p>
										<a href="">chuch_there</a>
									</p>
								</div>
								<div class="sermons-event">
									<div class="sermons-event-header clearfix">
										<time>
											<strong>AUG</strong>
											<p>24th</p>
										</time>
										<h1>If One Should Wander From The Truth</h1>
										<h3>written by <em>dany duchaine </em>in <em>Book of James</em></h3>
									</div>
									<div class="sermons-event-inner">
										<p>I’ve enjoyed fishing over the years but I do very little fishing now. Why? It’s not because it’s a bad</p>
										<p class="sermons-event-inner-p"> thing to do. The main reason why I don’t fish much any more is because I think I can use my time ... </p>
										<a href="" class="sermons-event-btn">continue reading</a><span>or</span>
										<a href="#" class="sermons-voice-btn"><i class="fa  fa-microphone"></i>listen audio version</a>
									</div>
								</div>
						</li>
						<!--分页条-->
						<div class="pages">
							<ul class="page-down-list clearfix">
								<li class="page-down ">
									<a href="sermons.html" class="page-down-active">1</a>
								</li>
								<li class="page-down">
									<a href="latest-sermons.html">2</a>
								</li>
								<li class="page-down">
									<a href="#">3</a>
								</li>
								<li class="page-down">
									<a href="#">4</a>
								</li>
								<li class="page-down">
									<a href="#">5</a>
								</li>
								<li class="page-down">
									<a href="#">6</a>
								</li>
								<li class="page-down">
									<a href="#">7</a>
								</li>
								<li class="page-down">
									<a href="#">8</a>
								</li>
							</ul>
						</div>
					</ul>
				</div>
				</section>
				<footer class="site_footer">
					<section class="footer_wrapper clearfix">
						<div class="content  clearfix">
							<div class="footer-inner clearfix">
								<div class="inner-left  clearfix">
									<div class="service-wrapper fl">
										<div class="service service-time">
											<h2 class="title">
										<i class="fa fa-clock-o"></i>
										CHURCH SERVICES
									</h2>
											<p class="time">SUNDAY-10:00 AM</p>
											<p class="time">3:00 PM</p>
											<p class="time">6:00 PM</p>
										</div>
										<div class="service service-location">
											<h2 class="title">
										<i class="fa fa-map-marker"></i>
										OUR LOCATION
									</h2>
											<p class="time">237 WEST 51ST ST.</p>
											<p class="time">NEW YORK,NY 10019</p>
										</div>
									</div>
									<div class="theme-pic fl">
										<h2 class="title">CHURCH SERVICES</h2>
										<div class="img">
											<div class="img-circle">
												<img src="img/church-sermons_2.jpeg" />
											</div>
										</div>
									</div>
								</div>
								<div class="inner-right clearfix">
									<p>
										Under the Lordship of Jesus Christ, we therefore endeavour to establish communities not only in Montreal but also beyong,where people can have opportunities to enter into living.
									</p>
									<p class="plan">
										Escape is not his plan. I must face him,alone.She must have hidden the plans in the escape pod.Send a detachment down to retrieve them,and see to it.
									</p>
								</div>
							</div>
						</div>
					</section>
					<section class="copyright_wrapper">
						<div class="content   clearfix">
							<div class="copyright clearfix">
								<div class="copyright-left fl">
									COPYRIGHT © THE GOOD NEWS2012,ALL RIGHT RESERVED.
								</div>
								<div class="copyright-right fr">
									DESIGNED WITH LOVE BY
									<a href="#">DANY DUCHAINE</a>
								</div>
							</div>
						</div>
					</section>
				</footer>
		</div>
		<script src="http://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="vendor/nprogress.js"></script>
		<script src="vendor/jquery.rotate.min.js"></script>
		<script src="vendor/jquery.lazyload.min.js"></script>
		<script src="vendor/jquery.scrollstop.min.js"></script>
		<script src="dist/core.js"></script>
		<script>
			$(function() {
				var common = commonjs();
				common.test();
				var sermonss = sermonstest();
				sermonss.sermonstests();
				// 使用方式一：
				// NProgress.start();
				// setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);

				// 使用方式二：
				<!-- 最小百分比 -->
				NProgress.configure({
					minimum: 0.1
				});
				<!-- 动画设置和速度 -->
				NProgress.configure({
					ease: 'ease',
					speed: 1500
				});
				<!-- 步进增长和间隔 -->
				NProgress.configure({
					trickleRate: 0.01,
					trickleSpeed: 1000
				});
				<!-- 关闭进度环 -->
				NProgress.configure({
					showSpinner: true
				});
				<!-- 开始走进度 -->
				NProgress.start();
				$(document).ready(function() {
					//				<!-- 进度结束 -->
					NProgress.done();
				});

				/**
				 * jQuery Lazyload...
				 * 注意：
				 *    1、设置图片的高度
				 *    2、data-original="images/009.jpg"
				 */
				// placeholder : "img/pixel.gif", 值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
				// threshold：100, 值为number，图片离屏幕多少像素时开始提前加载；
				// event：'click', 值为String，使图片显示的事件，支持jQuery的所有事件，也可以是自定义事件。如：设置event为click，则需要点击占位符图片才能让图片显示；
				// effect：'fadeIn', 值为String，图片显示的效果，默认值为show。支持jQuery的fadeIn, slideDown；
				// container: $("#container")，值为某容器.lazyload默认在拉动浏览器滚动条时生效,这个参数可以让你在拉动某DIV的滚动条时依次加载其中的图片
				// failurelimit : 10, lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况,failurelimit意在加载N张可见区域外的图片,以避免出现这个问题.
				$(".sermons-pic").lazyload({
					effect: "fadeIn",
					event: 'scrollstop'
				});
			})
		</script>
	</body>

</html>